<div class="topic-post list-group-item" id="comment-{{id}}">
  <article>
    <div class="row">
      <div class="topic-avatar col-sm-2">
        <a href="{{{author.userPageUrl}}}">
          <i class="fa fa-user"></i>
        </a>
      </div>
      <div class="topic-body col-sm-10 container-fluid">
        <div class="topic-meta-data row">
          <div class="names pull-left">
            <span>
              <a href="{{{author.userPageUrl}}}" class="username">{{author.name}}</a> <span class="label label-default">{{author.roleName}}</span>
            </span>
            <i class="fa fa-fw fa-globe ua {{ua.class}} " {{#authedUser}}title="{{#ua.raw}}{{ua.raw}}{{/ua.raw}}{{^ua.raw}}{{/ua.raw}}"{{/authedUser}}></i>
          </div>
          <div class="post-info pull-right">
            {{#isUpdated}}
              <time datetime="{{updatedISOFormat}}" title="{{updated}}">edited</time>
            {{/isUpdated}}
            <a href="#comment-{{id}}" class="post-date">
              <time datetime="{{createdISOFormat}}" title="{{created}}" class="iconic-link">{{{createdHumanizedIconic}}}</time>
            </a>
          </div>
        </div>
        <div class="topic-post-contents row">
          <div class="user-data">
            {{{contentRendered}}}
          </div>
          {{^isUserCommentListPage}}
          <section class="post-menu-area">
            <nav class="post-controls text-right">
              <div class="pull-right">
                {{#authedUser}}
                  {{#canRemove}}
                    <form class="form-inline" action="{{{comment.commentRemovePageUrl}}}" method="post" enctype="multipart/form-data">
                      <input type="hidden" name="remove" value="true">
                      <button type="button" class="btn btn-sm btn-danger btn-comment-remove" title="Remove this comment.">
                        <i class="fa fa-ban"></i><span class="hidden-xs"> Remove</span>
                      </button>
                    </form>
                  {{/canRemove}}
                  {{#canFlag}}
                    {{#flagged}}
                      <form class="form-inline" action="{{{comment.commentFlagPageUrl}}}" method="post" enctype="multipart/form-data">
                        <input type="hidden" name="flag" value="false">
                        <button class="btn btn-sm btn-warning btn-comment-flag" type="submit" title="Unflag this comment.">
                          <i class="fa fa-flag"></i><span class="hidden-xs"> Unflag</span>
                        </button>
                      </form>
                    {{/flagged}}
                    {{^flagged}}
                      <form class="form-inline" action="{{{comment.commentFlagPageUrl}}}" method="post" enctype="multipart/form-data">
                        <input type="hidden" name="flag" value="true">
                        <button class="btn btn-sm btn-warning btn-comment-flag" type="submit" title="Flag this comment.">
                          <i class="fa fa-flag-o"></i><span class="hidden-xs"> Flag</span>
                        </button>
                      </form>
                    {{/flagged}}
                  {{/canFlag}}
                  {{#canEdit}}
                    <button type="button" class="btn btn-sm btn-danger btn-comment-delete" title="Delete this comment.">
                      <i class="fa fa-remove"></i><span class="hidden-xs"> Delete</span>
                    </button>
                    <button type="button" class="btn btn-sm btn-default btn-comment-edit" title="Begin editing this comment.">
                      <i class="fa fa-edit"></i><span class="hidden-xs"> Edit</span>
                    </button>
                  {{/canEdit}}
                  <button class="btn btn-sm btn-info btn-comment-reply" title="Begin composing a reply to this comment.">
                    <i class="fa fa-reply"></i><span class="hidden-xs"> Reply</span>
                  </button>
                {{/authedUser}}
              </div>
             </nav>
          </section>
          {{/isUserCommentListPage}}
        </div>
      </div>
    </div>
  </article>
</div>
